@import "../config.less";
#error-modal{
  position: fixed;
  left: 0;
  top: 0;
  width: 750/@r;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  .error-content{
  	position: absolute;
  	top: 0;
  	right: 0;
  	left: 0;
  	bottom: 0;
  	margin: auto;
    width: 580/@r;
    height: 260/@r;
    background-color: @white;
    border-radius: 6/@r;
  }
  .error-title{
  	width: 100%;
  	height: 80/@r;
  	font-size: 30/@r;
  	text-align: center;
  	line-height: 80/@r;
  	border-bottom: 1/@r solid #e5e5e5;
  }
  .error-text{
  	padding-left: 30/@r;
  	padding-right: 30/@r;
  	font-size: 24/@r;
  	color: @common;
  	text-align: center;
  	padding-top: 40/@r;
  	height: 60/@r;
  }
  .error-footer{
	height: 80/@r;
	display: flex;
	padding-left: 40/@r;
	padding-right: 40/@r;
	justify-content: space-around;
	.btn{
		width: 160/@r;
		height: 58/@r;
		border: 1/@r solid @blue;
		border-radius: 58/@r;
	}
	.btn-left{
		background-color: @white;
		color: #333333;
	}
	.btn-right{
		border: 1/@r solid @blue;
		background-color: @blue;
		color: @white;
	}
  }
}
